<template>
  <div>
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item ><img src="images/6_03.jpg" alt=""></van-swipe-item>
  <van-swipe-item><img src="images/3_03.jpg" alt="" @click="fun()"></van-swipe-item>
  <van-swipe-item><img src="images/4_03.jpg" alt=""></van-swipe-item>
  <van-swipe-item><img src="images/5_03.jpg" alt=""></van-swipe-item>
</van-swipe>
  </div>
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
methods: {
  fun(){
    this.$router.push("./zhipian")
  }
},
}
</script>

<style scoped>
div{
    width: 100%;
    height: 1.5rem;
}
  img{
      width: 100%;
      height: 100%;
      margin: 0 auto;
  }
</style>